.office-efficiency-index{font-family:PingFangSC-Semibold,PingFang SC;background:url("../images/index-bg.png")no-repeat center center;background-size:cover;}
/*头部样式*/
.office-header{height:7rem;background: url("../images/office_efficiency_header_bg.png")no-repeat center center;background-size: 100% 100%;margin-bottom: 28px;}
.office-header .title-info{letter-spacing: 5px;height: 2em;color:#fff;text-align: center;font-size: 26px;font-family:'cuhei';font-weight: 600;line-height: 2em;vertical-align: middle;}
.analysis-info{height:4rem;line-height:3.5rem;vertical-align:middle;font-size: 20px;font-weight: 600;background-image: linear-gradient(#D8AE22, #DC9546);-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: hue 60s infinite linear;}
.analysis-filter{height:4.5rem;}
.analysis-filter .col-md-4{padding:0px;margin:0px 10px 0px 10px;}
.analysis-filter .control-label{font-size:15px;color:#fff;}
.analysis-filter .form-control{height:38px;}

/*渠道选择*/
.datagrid-toolbar, .datagrid-pager{background: #181C41;}
.datagrid-header{background: #181C41;}
.datagrid-body{background: #181C41;}
.datagrid-htable{background: #181C41;}
.panel-header,.panel-body{border-color:#03C2EC;}
.datagrid-htable .datagrid-row{color:red;}
.datagrid-cell{background: #181C41;color:#fff;height:35px!important;line-height:35px;vertical-align:middle;font-size:16px;}
.datagrid-cell:hover{color:#14B4FE;}
.datagrid-header, .datagrid-toolbar, .datagrid-pager, .datagrid-footer-inner{border-color:#7187AC;}
.datagrid-header td, .datagrid-body td, .datagrid-footer td{border:0px;}
.datagrid-header-row,.datagrid-row {height: 35px;}
.datagrid-header .datagrid-cell span{font-size:16px;}
.textbox{background:transparent;border:0px;color:#fff;}
.textbox-text.validatebox-text{background:transparent;color:#fff;font-size:15px; width:75px;font-weight:600;padding-left:0px;text-align:right!important;}
.datagrid-pager.pagination{color:#fff;}
.pagination-page-list,.pagination-num{color:fff;background: #181C41;}
.combo-panel.panel-body.panel-body-noheader{background:#282C55;}
.textbox-icon{opacity:1}
.combobox-item{color:#fff;}
.combobox-item-selected{background:#14B4FE;color:#fff;}
.combobox-item-hover{background:#14B4FE;color:#fff;}
.combo-arrow {background: url('../images/select_arrow.png') no-repeat center center;background-size:15px 8px;}
.combo-arrow:hover{background: url('../images/select_arrow.png') no-repeat center center;background-size:15px 8px;}
.textbox-focused {-webkit-box-shadow:none;box-shadow:none;}
.form-control.Wdate{border:0;color:#fff;-webkit-box-shadow:none;box-shadow:none;}
.Wdate{background: url('../images/select_arrow.png') no-repeat right!important;background-size:15px 8px!important;}
.cust-type-default{float:right;cursor:pointer;width:62px;height:32px;line-height:27px;color:#14B4FE;border:1px solid #14B4FE;text-align:center;}
.cust-type-default.left{border-radius:6px 0px 0px 6px;}
.cust-type-default.right{border-radius:0px 6px 6px 0px;}
.cust-type-default.active{background: #14B4FE;color:#fff;}
.select-group-channel-tablebar{display:block;}

/* 加载旋转动画 */
#load{width:100%;height:100%;position:absolute;background:url(../images/iframe/data08.png) no-repeat #061537;background-size:cover;top:0;left:0;z-index:999;}
#load .load_img{position:absolute;left:calc(50% - 182px);top:calc(50% - 182px);}
.load_img img{position:absolute;left:0;top:0;}
.load_img .jzxz1{animation:xz1 8s infinite linear;}
	@keyframes xz1 {
	  from {
	  transform:rotate(0deg);
	  }
	  50% {
	    transform:rotate(180deg);
	  }
	  to{
	  	transform:rotate(360deg);
	  }
	}	
.load_img .jzxz2{animation:xz2 7s infinite linear;}
	@keyframes xz2 {
	  from {
	     transform:rotate(0deg);
	  }
	  50% {
	    transform:rotate(-180deg);
	  }
	  to{
	  	transform:rotate(-360deg);
	  }
}	

/*数据模块样式*/
.office-efficiency-index .office-header-content{margin-bottom:10px;}
.office-efficiency-index .office-header-content .col-sm-3.col-md-3.pd{padding:0px;margin:0px;}
.office-efficiency-index .office-header-content .col-sm-4.col-md-4.pd{padding:0px;margin:0px;}
.office-efficiency-index .office-header-content .col-sm-5.col-md-5.pd{padding:0px;margin:0px;}
.office-efficiency-index .office-header-content .col-sm-6.col-md-6.pd{padding:0px;margin:0px;}
.office-efficiency-index .col-info{height:37rem;margin:0px 10px 20px 10px;}
.office-efficiency-index .sun-col-info{height:auto;margin:0px 10px 20px 10px;}
.office-efficiency-index .sun-col-info .sun-dropdown-box .label{font-size: 100% !important;}
.office-efficiency-index .col-info .title{height:5rem;line-height:5rem;vertical-align:middle;padding-left:15px;font-size: 20px;font-weight: 600;color:#fff;text-align: left;}
.office-efficiency-index .col-info .content{height:32rem;line-height:4rem;vertical-align:middle;margin-left:-50px;}
/*门店基本信息*/
.office-efficiency-index .col-info .content.base-info table{width:100%;}
.office-efficiency-index .col-info .content.base-info table td{width:25%;height:20px;}
.content.base-info table td .channel-name{height:4rem;max-width:360px;color:#fff;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.content.base-info .integral-echart{height:9rem;}
.content.base-info .ding-dan-bg{margin-left:15px;height:60px;max-width:85px;background: url("../images/ding-dan.png")no-repeat center center;background-size:50px 44px;}
.content.base-info .ke-liu-bg{margin-left:15px;height:60px;max-width:85px;background: url("../images/ke-liu.png")no-repeat center center;background-size:50px 44px;}
.content.base-info .pai-dui-ji-bg{margin-left:14px;height:60px;max-width:85px;background: url("../images/pai-dui-ji.png")no-repeat center center;background-size:33px 44px;}
.content.base-info .liang-shu-zhi{height:3rem;line-height:3rem;vertical-align:middle;color:#00A8FE;text-align:center;font-size:25px;font-weight:600;}
.content.base-info .td-shu-zhi{color:#fff;text-align:center;height:20px;}
.content.base-info .channel-star-level{font-size:15px;color:#fff;padding-left:20px;}
.content.base-info .chanenl-star{height:30px;line-heigth:30px;padding-left:10px;}
.content.base-info .chanenl-star img{float:left;width:21px;height:20px;margin-top:13px;margin-left:5px;}
.content.base-info .chanenl-star div{float:left;padding-left:15px;color:#fff;}
.content.base-info .label-name{color:#fff;white-space:nowrap;padding-left:20px;}
.content.base-info .label-value{padding-left:15px;color:#fff;}
.content.base-info .label-value img{float:left;width:21px;height:20px;margin-top:3px;}
.content.base-info .label-value .score-val{float:left;padding-left:5px;height:30px;line-height:30px;color:#fff;}
/*营业员受理详情*/
.office-efficiency-index .col-info .content.staff-info table{width:100%;}
.office-efficiency-index .col-info .content.staff-info table td{width:33%;height:20px;}
.content.staff-info .td-avg-time div{float:left;color:#fff;margin-right:5px;margin-top:10px;}
.content.staff-info .td-avg-time .index{width: 20px;height: 20px;line-height:18px;vertical-align:middle;border-radius:10px;display:block;text-align:center;color:#03C2EC;border:1px solid #03C2EC;margin-top:26px;font-size: 10px;}
.content.staff-info .td-avg-time .index.first{color:#E60012;border:1px solid #E60012;}
.content.staff-info .td-avg-time .index.second{color:#E8BC25;border:1px solid #E8BC25;}
.content.staff-info .td-avg-time .staff-name{font-size:20px;font-weight:600;color:rgba(255,255,255,1);margin-right:15px;}
.content.staff-info .td-avg-time .avg-time-label{font-size:15px;width:60px;white-space: nowrap;}
.content.staff-info .td-avg-time .avg-time-value{color:#DC9546;white-space: nowrap;text-align:left;}
.content.staff-info .staff-cust-time{height:6rem;line-height:3rem;margin-left:5px;margin-right:5px;vertical-align:middle;text-align:center;color:#fff;background:#22284A;border-radius:6px;}
.content.staff-info .staff-order-count{height:6rem;line-height:3rem;margin-left:5px;margin-right:5px;vertical-align:middle;text-align:center;color:#fff;background:#22284A;border-radius:6px;}
.content.staff-info .staff-alarm{height:6rem;line-height:3rem;margin-left:5px;margin-right:5px;vertical-align:middle;text-align:center;color:#fff;background:#22284A;border-radius:6px;}
.content.staff-info .split-line{margin:15px;height:2px;background:linear-gradient(to left,#181C41,#7187AC,#181C41)}
.content.staff-info .td-integral div{float:left;color:#fff;margin-right:5px;}
.content.staff-info .td-integral .integral-label{font-size:15px;width:80px;white-space: nowrap;padding-left:5px;}
.content.staff-info .td-integral .integral-value{color:#DC9546;width:80px;white-space: nowrap;text-align:left;padding-left:5px;}

/*门店台席受理详情*/
.office-efficiency-index .device-info-col .col-info{height:45rem;}
.office-efficiency-index .device-info-col .content{height:41rem;background: url("../images/office_efficiency_foot_bg.png")no-repeat bottom center;}
.office-efficiency-index .device-info-col .col-info .title{width:200px;}
.office-efficiency-index .device-info-col .col-info .title-icon{position:absolute; top:0px;right:10px;width:280px;height:50px;padding-right:10px;}
.office-efficiency-index .device-info-col .col-info .title-icon .device-alarm{float:right;font-size:25px;margin:5px 5px 0px 5px;}
.office-efficiency-index .device-info-col .col-info .title-icon .device-alarm span{color:#fff;padding-left:2px;padding-top:1px;}
.office-efficiency-index .device-info-col .col-info .content.deviceInfo table{width:100%;}
.office-efficiency-index .device-info-col .col-info .content.deviceInfo table td{width:25%;height:25px;padding:0px;margin:0px;}

.content.deviceInfo .device-img{text-align:center;}
.content.deviceInfo .device-img img{width:50px;height:45px;}
.content.deviceInfo .label-name{font-size:14px;width:80px;height:30px;line-height:30px;vertical-align:middle;white-space: nowrap;color:#fff;}
.content.deviceInfo .label-name .os-name{width:80px;height:30px;line-height:30px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;}
.content.deviceInfo .label-name.score{color:#E5BB2E;font-size:22px;font-weight:600;}
.content.deviceInfo .kuan-dai{text-align:center;}
.content.deviceInfo .kuan-dai .progress-label{float:left;margin-bottom:10px;text-align:left;color:#fff;font-size:16px;white-space:nowrap;width:100%;height:20px;line-height:20px;vertical-align:middle;}
.content.deviceInfo .nei-cun-size{width:70px;height:70px;background: url("../images/nei_cun_size.png")no-repeat center center;background-size:60px 60px;}
.content.deviceInfo .cpu-use{width:70px;height:70px;background: url("../images/cpu_use.png")no-repeat center center;background-size:60px 60px;}
.content.deviceInfo .nei-cun-use{width:70px;height:70px;background: url("../images/nei_cun_use.png")no-repeat center center;background-size:60px 60px;}
.content.deviceInfo .device-use span{display: block;font-size: 15px;font-weight: 500;color: #fff;line-height: 67px;text-align: center;vertical-align: middle;}
.content.deviceInfo .split-line{margin:15px;height:2px;background:linear-gradient(to left,#181C41,#7187AC,#181C41)}
.content.deviceInfo .labe-value{color:#fff;height:30px;line-height:30px;vertical-align:middle;}
.content.deviceInfo .progress-bar {background-color: #009AFD;}
/*耗时步骤分析详情*/
.office-efficiency-index .time-step-col .col-info{height:45rem;}
.office-efficiency-index .time-step-col .content{height:41rem;background: url("../images/office_efficiency_foot_bg.png")no-repeat bottom center;}

/*业务类型耗时分析详情*/
.office-efficiency-index .business-type-time-col .col-info{height:45rem;}
.office-efficiency-index .business-type-time-col .content{height:41rem;background: url("../images/office_efficiency_foot_bg.png")no-repeat bottom center;}
/*edit by wanli*/
.office-efficiency-index .con_div_text{width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;/*justify-content: space-between;*/}
.office-efficiency-index .con_div_text .count-material-item{width: calc(100%/3 - 20px);display: flex;margin: 5px 10px;align-items: center;justify-content:left}
.office-efficiency-index .con_div_text .count-material-item .text01_div{color: #fff;font-size: 16px;display: flex;justify-content: space-around;flex-flow: column;}
.office-efficiency-index .con_div_text .count-material-item img{margin-right: 10px}
.office-efficiency-index .con_div_text .count-material-item .text01_div p:first-child{}
.office-efficiency-index .con_div_text .count-material-item .text01_div p:last-child{color:#09f8ff;font-weight: bolder;font-size: 24px; }
.office-efficiency-index .con_div_text .count-material-item .text01_div p:last-child i{color: #fff;font-size: 14px;font-style: normal;margin-left: 14px}

/*table表格*/
.office-efficiency-index .main_table tr{
    height: 35px;
}
.office-efficiency-index .main_table{
    width: 100%;
    margin-top: 25px;
    position: relative;
}

#usageTable{height: 203px;}
#cateSelectChartTable{height: 532px;}
#cateInteractionTable{height: 462px;}
#productInteractionTable{height: 447px;}
#cateRecoveryTable{height: 380px;}
#proMakeListTable{height: 522px;}
#proIntByClaStuTable{height: 742px;}
#productCateCountTable{height: 783px;}
#cateUsageTable{height: 532px;}
#stuUsageCatTable{height: 287px;}
#catIntByClaStuTable{height: 182px;}
#studentBalanceListTable{height: 242px;}
#studentCateUsageTable{height: 252px;}
#cateRecoveryInfoTable{height: 521px;}

.office-efficiency-index .main_table table{
    width: 100%;
}
.office-efficiency-index .main_table thead tr{
    height: 42px;
    background-color: #0c2949;
    /*box-shadow:-10px 0px 15px #2C58A6 inset,
    /*10px 0px 15px #2C58A6 inset;*/
}
.office-efficiency-index .main_table th{
    font-size: 16px;
    font-weight: 600;
    color:#fff;
    /*text-align: center;*/
}
.office-efficiency-index .main_table th:nth-child(1){

}
.office-efficiency-index .main_table th:nth-child(2){

}
.office-efficiency-index .main_table td{
    color:#c7c7c7;
    font-size: 14px;
    text-align: left;
    padding-left: 15px;
}
.office-efficiency-index .main_table span.bottom-right{
	    bottom: -2px;
    right: -2px;
    border-bottom: 2px solid #54dcf2;
    border-right: 2px solid #54dcf2;
}
.office-efficiency-index .main_table span.bottom-left{
	    bottom: -2px;
    left: -2px;
    border-bottom: 2px solid #54dcf2;
    border-left: 2px solid #54dcf2;
    position: unset;
}
.office-efficiency-index .main_table span.border-span{
	display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    opacity: .5;
    z-index: 9999
}
/*.office-efficiency-index .main_table tbody tr:nth-child(1),
.office-efficiency-index .main_table tbody tr:nth-child(3),
.office-efficiency-index .main_table tbody tr:nth-child(5){
    background-color: #072951;
    box-shadow:-10px 0px 15px #2C58A6 inset,   /*左边阴影*/
    /*10px 0px 15px #2C58A6 inset;  /*右边阴影*/
/*}*/
.t_btn8,.t_btn2,.t_btn3{
    position: relative;
    z-index: 100;
    cursor: pointer;
}

/*材料使用明细*/
.material-use-detail .material-use-detail-box{
    display: flex;
    /*justify-content: space-between;*/
    margin-bottom: 10px;
}
.material-use-detail .material-use-detail-box .con_div_text01{
    width: 20%;
    height: 9rem;
    background: url("../images/hudong.png")no-repeat center center;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    /*background:linear-gradient(45deg, #082952, transparent);*/
}
.material-use-detail .text01_img{
    width: 32px;
    height: 32px;
    margin-left: 5%;
  /*margin-top: 35px;*/
}
.material-use-detail .text01_div{
    margin-top: 15px;
    margin-left: 5%;
    text-align: center;

}
.material-use-detail .text01_div p{
    line-height: 22px;
}
.material-use-detail .text01_div p:nth-child(2){
    font-size: 13px;
    color: #ffffff;
}
.material-use-detail .text01_div p:nth-child(1){
    font-size: 28px;
    color: #ffff43;
    font-weight: 600;

}
.material-use-detail .left{
    float: left;
}
.material-use-detail .right{
    float: right;
}
.red{
    color: red !important;
}
.sky{
    color: #25f3e6 !important;
}
.org{
    color: #ff4e4e !important;
}
.sun-titles{
    height:9rem;background: url("../images/subtitle.png")no-repeat center center;background-size: 100% 100%;margin-bottom: 20px;line-height: 2rem !important;padding-left: 40px !important; 
}
.sun-title{height:9rem;background: url("../images/subtitle.png")no-repeat center center;background-size: 100% 100%;margin-bottom: 20px;line-height: 2rem !important;padding-left: 44px !important;}
.sun-subtitles{font-size:18px !important;color:#12dcde !important;width:25%;background: url("../images/subtitles.png")no-repeat center center;margin-top:15px;background-size: 100% 100%;margin-bottom: 20px;line-height: 5rem !important;padding-left: 50px !important;}
.sun-subtitle-center{text-align: center !important;color: #12dcde !important;font-size: 16px !important;}
.sun-dropdown-box .dropdown-one{display: flex;align-items: center;margin-left: 14px;}
.sun-dropdown-box {display: flex;align-items: center;}
.sun-dropdown-box .btn-default{border-radius:3px;background: #011422 !important; color:#fff;border-color: #294f64 !important;padding: 3px 10px;min-width: 7rem;max-width:8rem}
.sun-dropdown-box .filter-option-inner-inner{color: #fff !important}
.sun-dropdown-box select {border: unset;}
.sun-dropdown-box .caret{color: #fff}
.sun-dropdown-box .open> .dropdown-menu{padding: 5px 10px;}
.sun-dropdown-box .open> .dropdown-menu a:hover{text-decoration: none;}
/*日期控件css*/
.data-time{
    display: inline-flex;
    justify-content: space-around;
    align-items: center;
    background-color: #00142b;
    color:#fff;
    font-size: 12.8px;
    position: relative;
    border:1px solid #294f64;
    border-radius: 5px;
    width: 35%;
    max-width: 12%;
}
.data-time img{
    width: 14px;
    height: 14px;
    margin-left: 10px;
}
.data-time-dropdown-box{
    display: flex;
    /*justify-content: space-between;*/
}
.data-time input{
    border: none;
    outline: none;
}

.page-div{
    display: flex;
    width: 100%;
    justify-content: flex-end;
    color: #fff;
    align-items: center;
    margin-top: 15px;
}
.page-div .prev{
    border:1px solid #294f64;
    padding: 0 8px;
}
.page-div .next{
    border:1px solid #294f64;
    padding: 0 8px;
}
.page-div .page-num{
    margin:0 8px;
}
#sun_class_menu,#sun_students_menu{
    max-height: 15rem;
    overflow-y: auto;
}

.sun-dropdown-box .dropdown-menu > li > a{
    padding: 0;
}
.foth-title{
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    color: #fff;
    font-weight: 600;
}
.foth-title span{
    color: #fff;
    width: 25%;
    background: url("../images/q10.png") no-repeat center center;background-size: 100% 30%;
    padding-bottom: 37px;
    text-align: center;
}
.foth-title img{
    margin-top: 6px;
    width: 10px;
    height: 10px;
}
.sun-menu{
    color: #fff;
    height: 3rem;
    /*border: 1px solid #fff;*/
    display: flex;
    align-items: center;
    padding-top: 1rem;
}
.office-header .navbar-default{
    background: unset;
    border: none;
}
.office-header .navbar-default .navbar-nav{
    width: 40%;
    display: flex;
    justify-content: center;
    margin-top: -5px;
}
.office-header .navbar-default .navbar-nav a{
    font-size: 16px;
    color: #fff;
}
.office-header .navbar-default .navbar-form{
    width: 20%;
    color: #fff;
    text-align: center;
    font-size: 26px;font-family:'cuhei';font-weight: 600;line-height: 1.2em;vertical-align: middle;
}
.office-header .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    background: unset;color: #12dcde;
}
.office-header .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{color: #12dcde}
.office-header .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background: unset;}
.office-header .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color:#12dcde }
.office-header .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background: none;color: #12dcde}
.office-header .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{border-color: #12dcde}
.office-header .dropdown-menu{background: unset;}

}
.foth-title{
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    color: #fff;
    font-weight: 600;
}
.foth-title span{
    color: #fff;
    width: 12%;
    background: url("../images/q10.png") no-repeat center center;background-size: 100% 30%;
    padding-bottom: 37px;
    text-align: center;
}
.foth-title img{
    margin-top: 6px;
    width: 10px;
    height: 10px;
}